﻿

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>消费历史记录</title>
    <link href="~/Content/Easy UI/themes/default/easyui.css" rel="stylesheet" />
    <link href="~/Content/Easy UI/themes/icon.css" rel="stylesheet" />@*图片*@
    <script src="~/Content/Easy UI/script/jquery-1.11.1.js"></script>
    <script src="~/Content/Easy UI/script/jquery.easyui.min.js"></script>
    <script src="~/Content/Easy UI/script/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#dg").datagrid({
                fitColumns: false,//使列自动展开，收缩到合适的Datagrid高度
                toolbar: "#tb",//toolbar:通过选择器指定的工具栏
                pagination: true,//自动生成分页工具  pagination：如果为true，则在Datagrid控件底部显示分页工具栏
                /* fit: true,*///当设置为true的时候面板大小将自适应父容器
                singleSelect: true,//如果为true则只能选择一行
                rownumbers: true,//如果为true则显示一个行号列
                url: "/MemCon/IndexhistoryList",//设置能够返回Json数据的Action所对应的路径
                columns: [[
                    { field: 'CO_OrderCode', title: '订单号', width: 130, align: "center", },
                    { field: 'MC_CardID', title: '会员卡号', width: 130, align: "center", },
                    { field: 'MC_Name', title: '会员姓名', width: 130, align: "center", },
                    { field: 'CO_TotalMoney', title: '额度', width: 130, align: "center", },
                    { field: 'CO_DiscountMoney', title: '实际支付', width: 150, align: "center", },
                    { field: 'CO_GavePoint', title: '积分', width: 270, align: "center", },
                    { field: 'CO_Recash', title: '返现金', width: 150, align: "center", },
                    { field: 'CO_OrderType', title: '类型', width: 270, align: "center", },
                    { field: 'CO_CreateTime', title: '时间', width: 270, align: "center", },
                ]]
            });
            //添加查询
            $("#btn").click(function () {
                $("#dg").datagrid("load", {
                    CardORmobile: $("#CardORmobile").val()

                })

            });
        })
    </script>
</head>
<body>
    <div>
        <fieldset>
            <legend>查找会员</legend>
            卡号/电话：<input type="text" id="CardORmobile" /><a id="btn" href="javascript:" class="easyui-linkbutton">全部消费记录</a>
        </fieldset>
        <fieldset>
            <legend>消费记录列表</legend>
            <table class="easyui-datagrid" id="dg"></table>
        </fieldset>
    </div>
</body>
</html>

